<template>
  <div class="about" ref="about">
    <div class="about-content">
      <div style="height:300px;background:red"></div>
      <div style="height:600px;background:green"></div>
      <div style="height:700px;background:blue"></div>
    </div>
  </div>
</template>
<script>
import BScroll from 'better-scroll'
export default {
  mounted() {
    new BScroll(this.$refs.about,{
      click:true,
      scrollbar:{
        fade:true,
        interactive:false,
      },
      zoom:true,
      mouseWheel:true,
      // pullUpLoad: true,
      // scrollbar: true,
      // pullDownRefresh: true
    })
    console.log(this.scroll);
  },
}
</script>
<style lang="sass">
.about
  height: 100px
  // position: relative
  background: #fff
  // width: 90%
  overflow: hidden
</style>
